<template>
  <div class="all">
    <table class="tab1">
      <tr class="trs">
        <td class="title" colspan="3"><b>房屋登记薄 他项权利部分（在建工程抵押）</b></td>
      </tr>
      <tr class="trs">
        <td class="td1">房屋编号：</td>
        <td class="td2" colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.roomNo }}</td>
      </tr>
      <tr class="trs">
        <td class="td3">内容\序号</td>
        <td class="td3">01</td>
        <td class="td3">02</td>
      </tr>
      <tr class="trs">
        <td class="td1">业务宗号：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.yyZh }}</td>
        <td class="td3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
      </tr>
      <tr class="trs">
        <td class="td1">申请人：</td>
        <td class="td2">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{yydyForm.proposerName}}
        </td>
        <td class="td3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
      </tr>
      <tr class="trs">
        <td class="td1">异议事项：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.demurLoginMatters }}</td>
        <td class="td3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
      </tr>
      <tr class="trs">
        <td class="td1">登记时间：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.yyTime }}</td>
        <td class="td3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
      </tr>
      <tr class="trs">
        <td class="td1">登薄人/终审人：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.aa1 }}</td>
        <td class="td3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
      </tr>
      <tr class="trs">
        <td class="td1">异议注销业务宗号：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.yyzxZh }}</td>
        <td class="td3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
      </tr>
      <tr class="trs">
        <td class="td1">登记时间：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.yyzxTime }}</td>
        <td class="td3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
      </tr>
      <tr class="trs">
        <td class="td1">登薄人/终审人：</td>
        <td class="td2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.aa2 }}</td>
        <td class="td3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/</td>
      </tr>
      <tr class="trs">
        <td class="td4">附记：</td>
        <td class="td2" colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ yydyForm.excursus }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      directoryId: sessionStorage.getItem("directoryId"),
      yydyForm: {},
    };
  },
  methods: {
    loadYydy() {
      this.$axios.post("/register-serv/directory/selYydj/" + this.directoryId).then((res) => {
        this.yydyForm = res.data.data.yydjVO;
      });
    },
  },
  mounted() {
    this.loadYydy();
  },
};
</script>
<style scoped>
.all {
  border: 0px solid blue;
  width: 1200px;

}

.tab1 {
  border: 0px solid blue;
  height: 350px;
  width: 100%;
  border-collapse: collapse;
}

.title {
  border: 1px solid blue;
  width: 100%;
  font-size: 20px;
  height: 10px;
  align-content: center;
  line-height: 30%;
}

.trs {
  border: 0px solid blue;
  height: 10px;
  width: 100%;
  line-height: 0%;
}

.td1 {
  border: 1px solid blue;
  height: 10px;
  width: 33%;
  text-align: left;
}

.td2 {
  border: 1px solid blue;
  height: 10px;
  width: 33%;
  text-align: left;
  color: blue;
}

.td3 {
  border: 1px solid blue;
  height: 10px;
  width: 33%;
  text-align: center;
}

.td4 {
  border: 1px solid blue;
  height: 10px;
  width: 11%;
  text-align: left;
}

.td5 {
  border: 1px solid blue;
  height: 10px;
  width: 88%;
  text-align: left;
}
</style>